<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>微信官网</title>
    </head>
    <style>
        /* 清除样式 */
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        
        /*顶部标签*/
        .biaoqian
        {
            height: 74px;
            background: url('img/bg.jpg') repeat-x;}
        .biaoqian1
        {
            width: 1005px;
             height: 74px;
             margin:0px auto;
        }
        .biaoqian1 h1
        {
            float: left;
        }
        .biaoqian1 img
        {
            height: 40px;
             margin-top: 16px;
        }
        .biaoqian1 ul
        {
            float: right;
        }
        .biaoqian1 li
        {
            margin-right: 14px;
            padding: 10px;
            float: left;
            margin-top: 17px;
        }
        .biaoqian1 a
        {
            font-size: 13px;
            text-decoration: none;
            color: white;
        }
        .biaoqian1 li:hover
        {
            background:black;
            border-radius:180px;
        }

        .biaoqian2
        {
            height: 423px;
            background: #c0bebe;
            margin:0 auto;
            border-bottom:1px solid #c0bebe;
            border-top: 1px solid #c0bebe;
        }
        .biaoqian2 .qq
        {
            width: 1005px;
            margin:0px auto;
        }
        .biaoqian2 .ww 
        {
            float:left;
            margin-top:55px;
            font-size: 25px; 
            color: black;
            font-weight: 1300px;
        }
        .biaoqian2 .ee
        {
            float: left;
            font-size: 16px;
            margin-top: 10px;
        }
        .biaoqian2.eeli
        {
            margin-top: 17px;
             color: #979790;
        }
        .biaoqian2 .rr img
        {
             margin-top: 22px;
        }
        .biaoqian2 .tt
        {
            float: left;
            font-size: 12px;
            margin-top: 5px;
        }
        .biaoqian2 .tt li
        {
            padding: 5px;
        }
        .biaoqian2 .tt a
        {
            text-decoration: none;
            color: #609712;
        }
        .biaoqian2 .tt a:hover
        {
            text-decoration: underline;
            color: black;
        }
        
        .biaoqian2 .yy
        {
            float: right;
            margin-top: 20px;
        }
        .biaoqian2 .yy .uu ul
        {
            float: right;
            margin-right: 140px;
        }
        .biaoqian2 .yy .ii ul
        {
            float:right;
            margin-right: 185px;
        }
        .biaoqian2 .yy .ii ul a
        {
            text-decoration: none;
            color: #669a0b;
        }
        .biaoqian2 .yy .ii ul a:hover
        {
            text-decoration: underline;
            color: black;
        }
        
        .biaoqian3
        {
            width:1005px;
            height: 405px;
            /*background:blue;*/ 
            margin:  0px auto;
            margin-top: 48px;
        }
        .biaoqian3 img
        {
            width: 630px;
            margin:0px auto;
        }
        /*.biaoqian3.dd ul li
        {
            margin-left: 22px;
            font-size: 12px;
            font-weight:800px;
            margin-top: 15px;
        }*/
        .biaoqian3 .aa
        {
            float: left;
        }
        .biaoqian3 .aa li
        {
            float: left;
            width: 217px;
        }
        .biaoqian3 .aa li p
        {
            font-size: 13px;
            color:#999999;
            margin-top: 12px;
        }
        .biaoqian3 .aa li a
        {
            text-decoration: none;
            color:#609700;
            font-size: 13px;
        }
        .biaoqian3 .aa li a:hover
        {
            text-decoration: underline;
            color: black;
        }
        
        .biaoqian3 .ss
        {
            float: left;
        }
        .biaoqian3 .ss h5
        {
            margin-bottom: 17px;
        }
        .biaoqian3 .ss ul li
        {
            margin-top: 10px;
            font-size: 13px;
        }
        .biaoqian3 .ss a
        {
            text-decoration: none;
            color:#609700;
        }
        .biaoqian3 .ss a:hover
        {
            text-decoration: underline;
            color: black;
        }
        .biaoqian3 .ss i
        {
            color: red;
        }
        .biaoqian3 .ss span
        {
            float: right;
            color:#999999;
        }
        
        .biaoqian3 .ff img
        {
            width: 31px;
            height: 31px;
            float: left;
            margin-top: 24px;
        }
        .biaoqian3 .ff a
        {
            float:left;
            margin-top: 32px;
            margin-left: 7px;
            font-size: 12px;
            text-decoration: none;
            color: black;
        }
        .biaoqian3 .ff ul
        {
            font-weight: 600;
        }
        .biaoqian3 .ff a:hover
        {
            background: none;
        }

        .biaoqian4
        {
            width: 968px;
            height: 51px;
            margin-top:27px;
            margin: 0px auto;
            border-top: 1px solid #bcbcbc;
        }
        .biaoqian4 .gg li
        {
            float:left;
            padding:7px;
            font-size: 11px;
            margin-top:12px;
            color:#999999;
        }
        .biaoqian4 .hh li
        {
            float:right;
        }
        .biaoqian4 a
        {
            text-decoration: none;
            color:#999999;
        }
        .biaoqian4 a:hover
        {
            text-decoration: underline;
            color: black;
        }
        
        .biaoqian5
        {
            width: 966px;
            height: 30px;
            margin: 0px auto;
        }
        .biaoqian5 ul
        {
            font-size: 11px;
            color:#999999;
            font-weight:500;
        }
        
    </style>
    <body>
                <div class="biaoqian">
                <div class="biaoqian1">
                <h1><a href="*"><img src="img/weixi.png"></a></h1>
                    <ul>
                        <li><a href="*">首页       </a></li>
                        <li><a href="*">帮助与反馈  </a></li>
                        <li><a href="*">公众平台    </a></li>
                        <li><a href="*">开放平台    </a></li>
                        <li><a href="*">微信支付    </a></li>
                        <li><a href="*">微信广告    </a></li>
                        <li><a href="*">企业微信    </a></li>
                        <li><a href="*">表情开发平台</a></li>
                        <li><a href="*">微信网页版  </a></li>
                    </ul>
                 </div>   
                 </div>
                <div class="biaoqian2">
                <div class="qq">
                    <div class="ww">
                            <ul>
                            <li>微信，是一个生活方式</li>
                            </ul>
                    <div class="ee">
                            <ul>
                                <li>超过十亿人使用的手机应用</li>
                                <li>支持发送语音短信、视频、图片和文字</li>
                                <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                            </ul>
                        </div>
                        <div class="rr">
                            <a href="*"><img src="img/mianf.png" alt=""></a>
                        </div>
                        <div class="tt">
                            <ul>
                                <li><a href="*">忘记了微信帐号或密码？</a></li>
                                <li><a href="*">自助解除登录或功能限制</a></li>
                                <li><a href="*">冻结或解冻微信帐号</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="yy">
                        <a href="*"><img src="img/diann.png" alt=""></a>
                            <div class="uu">
                                    <ul>
                                    <li>微信 3.1.0 for Windows 发布</li>
                                    </ul>
                                <div class="ii">
                                    <ul>
                                        <a href="*"><li >Windows 3.1.0</a></li>
                                    </ul>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
    


            <div class="biaoqian3">
                <div class="aa">
                    <a href="*"><img src="img/xianxi.png" alt=""></a>
                        <ul>
                            <li>
                                <h5>微信网页版</h5>
                                <p>扫一扫二维码</p>
                                <p>就能在浏览器上使用微信</p>
                                <p><a href="*">了解更多</a></p>        
                            </li>
                            <li>
                                <h5>微信 Mac 版</h5>
                                <p>极致简洁，迅捷沟通</p>
                                <p><a href="*">了解更多</a></p>        
                            </li>
                            <li>
                                <h5>微信 Windows 版</h5>
                                <p>让沟通更方便</p>
                                <p><a href="*">了解更多</a> </p>       
                            </li>
                        </ul>
                </div>
                <div class="ss">
                    <div class="dd">
                        <ul>
                            <h5>最新消息</h5>
                        </ul>
                    </div class="">
                    <ul>
                        <li><a href="#">微信 8.0.2 for Android 正式版发布</a><i>(new)</i><span>02-25</span></li>
                        <li><a href="#">微信 3.2.1 for Windows 正式版发布</a><i>(new)</i><span>02-02</span></li>
                        <li><a href="#">微信 8.0.2 for iOS 正式版发布</a><i>(new)</i><span>01-20</span></li>
                        <li><a href="#">微信 2.6.1 for Mac 正式版发布</a><i>(new)</i><span>12-24</span></li>
                        <li><a href="#">关于部分 iOS 9 用户无法更新微信</a><i>(new)</i><span>01-28</span></li>
                        <li><a href="#">微信外部链接内容管理规范</a><span>02-11</span></li>
                        <li><a href="#">微信网页版 2.1 版本发布</a><span>01-17</span></li>
                        <li><a href="#">微信表情开放平台上线</a><span>07-29</span></li>
                        <li><a href="#">官方辟谣公众号开通</a><span>10-28</span></li>
                        <li><a href="#">查看更多</a></li>
                    </ul>

               
                    <div class="ff">
                        <img src="img/tubiao.png" alt="">
                        <ul>
                            <li><a href="*">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            
        
            <div class="biaoqian4">
                <div class="gg">
                    <ul>
                        <li><a href="*">关于腾讯</a></li>
                        <li>|</li>
                        <li><a href="*">服务条款</a></li>
                        <li>|</li>
                        <li><a href="*">使用规范</a></li>
                        <li>|</li>
                        <li><a href="*">客服中心</a></li>
                        <li>|</li>
                        <li><a href="*">隐私保护指引</a></li>
                    </ul>
                    <div class="hh">
                        <li><a href="*">English</a></li>
                        <li>|</li>
                        <li><a href="*">繁體中文</a></li>
                        <li>|</li>
                        <li><a href="*">简体中文</a></li>
                    </div>
                </div>   
            </div>
        <div class="biaoqian5">
            <ul>
                <li>© 1998 - 2021 Tencent Inc. All Rights Reserved</li>
            </ul>
        </div>
        
        
        </div>

    </body>
</html>